<?php
	require_once("../conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Formulario</title>
<link href="../Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

<script src="../include_js/jquery.js" type="text/javascript"></script>
<script src="../include_js/funciones.js" type="text/javascript"></script>


<style>
.texto
{
	font-size:14px;
	margin-left:10px;
	font:Verdana, Arial, Helvetica, sans-serif; 
	color:#0066CC;
}
.borde
{
	/*border:0px solid #6593C0;*/
	border:1px solid #D3E4E5;
}
.asterisco
{
	color:#0000FF;
	font-weight:bold;
}
.radioBorde
{ 
 background:#D3E4E5;
 border:0px solid #89C0C7;
}
</style>
<script>
function CargaSeccion(valor)
{
	if(valor==0)
	{//egreso
		$.ajax({
				type: 'POST',
				url: 'Contabilidad/MenuEgresoCajaChica.php',
				data: $('#form_MenuCaja').serialize(),
				success: function(data) {
					$('#capa2').html(data);
				}
			})
	}
	else
	{
		if(valor==1)
		{//ingreso
			$.ajax({
				type: 'POST',
				url: 'Contabilidad/MenuIngresoCajaChica.php',
				data: $('#form_MenuCaja').serialize(),
				success: function(data) {
					$('#capa2').html(data);
				}
			})
		}
		else
		{
			if(valor==2)
			{//rendicion
				$.ajax({
					type: 'POST',
					url: 'Contabilidad/MenuRendicionCajaChica.php',
					data: $('#form_MenuCaja').serialize(),
					success: function(data) {
						$('#capa2').html(data);
					}
				})
			}
		}
	}
}
</script>
</head>
<body>
<form name="form_MenuCaja" id="form_MenuCaja" method="post">
<div class='groupbox'>
<div class='option2'><label class="texto">La caja chica se encuentra abierta.</label></div>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="uno">
<tr style="padding:5px;">
	<td width="17%" class="borde"><input name="radiobutton" type="radio" value="0" class="radioBorde" onclick="CargaSeccion(this.value);"/><label class="texto" style="font-weight:bold;">Egreso</label></td>
	<td width="17%" class="borde"><input name="radiobutton" type="radio" value="1" class="radioBorde" onclick="CargaSeccion(this.value);"/><label class="texto" style="font-weight:bold;">Ingreso</label></td>
	<td width="63%" class="borde"><input name="radiobutton" type="radio" value="2" class="radioBorde" onclick="CargaSeccion(this.value);"/><label class="texto" style="font-weight:bold;">Rendici&oacute;n</label></td>
	<td width="3%" class="borde">&nbsp;</td>
</tr>
</table>
</div>

</form>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td><div id="capa2"></div></td></tr>
</table>
</body>
</html>